<template>
    <div class="app">
      <Banner></Banner>
      <button>
         <!--  实现路由的切换 -->
        <router-link to="/about">About</router-link>
    </button>
      <button>
        <router-link to="/home">Home</router-link>
    </button>
      <div>
       <!--  指定组件的呈现位置 -->
        <router-view></router-view>
      </div>
    </div>  
</template>

<script>
    import Banner from './components/Banner-test.vue'
    export default{
      name: "App",
      components:{
        Banner
      }
}
</script>

<style scoped>
    a{
        text-decoration: none;
    }
</style>